<template>
  <div class="group-page">
    <header class="header">
      <!-- S 导航 -->
      <nav class="navbar navbar-default navbar-white navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <a href="/ask/">
              <h3 style="text-align: center">问答首页</h3>
            </a>
          </div>

          <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav">
              <li class=""><a href="/ask/">首页</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li>
                <form
                  class="form-inline navbar-form search-form pt-1"
                  action="/ask/search.html"
                  method="get"
                >
                  <input
                    class="form-control"
                    name="q"
                    value=""
                    type="text"
                    id="searchinput"
                    placeholder="搜索问题、话题或文章"
                    autocomplete="off"
                  />
                </form>
              </li>
              <li class="hidden-xs">
                <div class="py-3 px-2">
                  <a href="/addons/ask/question/post.html" class="btn btn-primary"
                    >提问</a
                  >
                </div>
              </li>
              <li class="dropdown belling">
                <a
                  href="/u/20278/notification?act=marktopall"
                  class="dropdown-toggle unread"
                  ><i class="fa fa-bell-o fa-lg"></i
                ></a>
                <ul class="dropdown-menu">
                  <li>
                    <a href="/u/20278/question?type=unsolved"
                      >你有 <b>10</b> 个提问待采纳</a
                    >
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </nav>
      <!-- E 导航 -->
    </header>

    <div class="container" style="padding: 0 0 50px 0">
      <div class="row">
        <div class="col-xs-12 col-md-10 col-md-offset-1">
          <div class="article-section">
            <div class="clearfix">
              <div class="row">
                <div class="col-xs-12 col-md-8 col-md-offset-2">
                  <div class="mb-3">
                    <h3>
                      <span>发布问题</span>
                      <div class="pull-right">
                        <a
                          href="javascript:"
                          class="label label-danger btn-postinvite"
                          style="font-size: 60%"
                          >邀请回答</a
                        >
                      </div>
                    </h3>
                  </div>
                  <hr />
                  <form id="post-question" class="post-form" role="form" method="POST">
                    <input
                      type="hidden"
                      name="__token__"
                      value="47bce568069c62b90bb86e0ab772c31c"
                    />
                    <input type="hidden" name="price" value="0" />
                    <input type="hidden" name="score" value="0" />
                    <input type="hidden" id="ccc" name="ccc" value="" />

                    <div class="alert alert-danger hidden" id="invitebody">
                      你正在向 <span id="inviteuser"></span> 提问，
                      <span id="invitetips"></span>
                      <a
                        href="javascript:"
                        class="btn btn-danger btn-xs btn-invite-user-pay"
                        >付费邀请</a
                      >
                      <a
                        href="javascript:"
                        class="btn btn-success btn-xs btn-invite-cancel"
                        >取消邀请</a
                      >
                    </div>
                    <input type="hidden" name="to_user_id" value="0" />
                    <input type="hidden" name="inviteprice" value="0" />

                    <div class="row">
                      <div class="col-xs-2 p-2 text-right">
                        <label for="pharse_id" class="control-label">学段</label>
                      </div>
                      <div class="col-xs-3 p-0">
                        <select
                          name="pharse_id"
                          id="pharse_id"
                          class="form-control"
                          data-rule="required"
                        >
                          <option value="">选择学段</option>
                          <option value="1">小学</option>
                          <option value="2">初中</option>
                          <option value="3">高中</option>
                        </select>
                      </div>
                      <div class="col-xs-2 p-2 text-right">
                        <label for="c-diff" class="control-label">题型</label>
                      </div>
                      <div class="col-xs-3 p-0">
                        <select
                          name="question_type"
                          id="question_type"
                          class="form-control"
                          data-rule="required"
                        >
                          <option value="">选择题型</option>
                          <option value="1">非解答题</option>
                          <option value="2">解答题</option>
                          <option value="3">作文批改</option>
                        </select>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-xs-2 p-2 text-right">
                        <label for="c-title" class="control-label">年级</label>
                      </div>
                      <div class="col-xs-3 p-0">
                        <select
                          name="category_id"
                          id="category_id"
                          class="form-control"
                          data-rule="required"
                        >
                          <option value="">选择年级</option>
                          <option value="12">高三</option>
                          <option value="11">高二</option>
                          <option value="10">高一</option>
                          <option value="9">初三</option>
                          <option value="8">初二</option>
                          <option value="7">初一</option>
                          <option value="6">六年级</option>
                          <option value="5">五年级</option>
                          <option value="4">四年级</option>
                          <option value="3">三年级</option>
                          <option value="2">二年级</option>
                          <option value="1">一年级</option>
                        </select>
                      </div>
                      <div class="col-xs-2 p-2 text-right">
                        <label for="c-tags" class="control-label">科目</label>
                      </div>
                      <div class="col-xs-3 p-0">
                        <select
                          name="zone_id"
                          id="zone_id"
                          class="form-control"
                          data-rule="required"
                        >
                          <!-- <option value="" selected="">选择科目</option> -->
                          <option value="10">政治</option>
                          <option value="9">历史</option>
                          <option value="8">地理</option>
                          <option value="7">生物</option>
                          <option value="6">化学</option>
                          <option value="5">物理</option>
                          <option value="4">科学</option>
                          <option value="3">英语</option>
                          <option value="2">数学</option>
                          <option value="1">语文</option>
                        </select>
                      </div>
                    </div>

                    <div class="form-group">
                      <label for="c-title" class="control-label">问题标题</label>
                      <div class="">
                        <input
                          id="c-title"
                          placeholder="请输入问题的标题，并以问号结尾"
                          class="form-control"
                          data-rule="required"
                          autocomplete="off"
                          name="title"
                          type="text"
                          data-type="post"
                          data-header="headertpl"
                          value=""
                        />
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="c-content" class="control-label">问题内容</label>
                      <div class="">
                        <QuillEditor  :content="content" v-model="content" />
                        <span class="post-question-status pull-right"></span>
                      </div>
                    </div>

                    <!-- S 悬赏发贴 -->
                    <div class="form-group mb-0">
                      <label class="col-xs-5 text-center">
                        <label id="lblprice" style="color: #ff0000">积分：0</label>
                        <input type="hidden" name="price" value="0" />
                      </label>
                      <label class="col-xs-4"
                        ><button type="submit" class="btn btn-primary">
                          提交问题
                        </button></label
                      >
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footer class="footer hidden-xs">
      <div class="container-fluid" id="footer">
        <p class="address">
          Copyright&nbsp;©&nbsp;2017-2020 All Rights Reserved 优优班--学霸训练营
          Copyrights
          <a href="https://beian.miit.gov.cn" target="_blank">粤ICP备20053482号-2</a>
        </p>
      </div>
    </footer>
    <div class="main_nav_bottom hidden-md hidden-sm hidden-lg">
      <nav class="navbar navbar-default navbar-fixed-bottom">
        <div class="container" align="center">
          <ul class="nav nav-tabs nav-tabs-justified">
            <div class="row" align="center">
              <div class="col-md-3 col-sm-2 col-xs-2" style="padding: 0" align="center">
                <li>
                  <a href="https://www.uuban.com"
                    ><img src="../assets/images/i_home.png" />首页</a
                  >
                </li>
              </div>
              <div class="col-md-3 col-sm-2 col-xs-2" align="center">
                <li>
                  <a href="https://www.uuban.com/index.php/index/index/chques.html"
                    ><img src="../assets/images/i_zujuan.png" />组卷</a
                  >
                </li>
              </div>
              <div class="col-md-3 col-sm-3 col-xs-3" align="center">
                <li>
                  <a href="https://www.uuban.com/index.php/index/index/zujuan.html"
                    ><img src="../assets/images/i_cart.png" />试题篮</a
                  >
                </li>
              </div>
              <div class="col-md-3 col-sm-2 col-xs-2" align="center">
                <li>
                  <a href="https://www.uuban.com/paperfile.html"
                    ><img src="../assets/images/i_paperfile.png" />试卷</a
                  >
                </li>
              </div>
              <div class="col-md-3 col-sm-2 col-xs-2" align="center">
                <li>
                  <a href="/u/20278"><img src="../assets/images/i_my.png" />我的</a>
                </li>
              </div>
            </div>
          </ul>
        </div>
      </nav>
    </div>

    <div
      class="autocomplete-suggestions autocomplete-search"
      style="z-index: 1031; top: 44.5px; left: 790.328px; width: 226px"
    ></div>
    <div
      class="autocomplete-suggestions autocomplete-search"
      style="top: 313.094px; left: 306.656px; width: 607px"
    ></div>
  </div>
</template>

<script>
import QuillEditor from "../components/Editor/index.vue";
export default {
  name: "Home",
  components: {
    QuillEditor,
  },
  data() {
    return {
      content: "",
    };
  },
};
</script>
<style scoped>
#post-question .form-group .checkbox {
  display: inline-block;
  margin-top: 0;
}
.nav-tabs {
  text-align: center;
  height: 30px;
  line-height: 30px;
}

.nav-tabs img {
  width: 20px;
  margin: 10px 0 0 0;
  display: block;
}
.table-userlist > tbody > tr > td {
  vertical-align: middle;
}
</style>
